*{
    margin: 0px;
    padding: 0px；
}
body{
    height: 100vh;
}
/*iframe{
    height: 100vh;
    width: 100vw;
    background-color: transparent; 
}*/
.mi{
    width: 6vw;
    height: 5vh;
} 
  .nav{
      display: flex;
      justify-content: space-between;
      width: 100vw;
     padding:1vw;
  }
 .nav input{
     height: 5vh;
     width: 60vw   
 }
 .nav>a{
     color: white;
     line-height: 5vh;
     text-decoration: none; 
 }
 .navbar{
     width: 100vw;
     margin: 0 auto;
 }
 .navbar-header span{
     line-height: 10vh;
 }
 .bank{
     position: fixed;
     bottom: 10px;
     z-index: 10000000;
 }
 main{
     width: 100vw;
     
 }
 .font{
     float: left;
     width: 50vw;
 }
 .font-2{
     float: right;
     width: 50vw;
 }
  .one{
     width: 50vw;
 }

 #main{
     margin: 0 auto;
 }
 #main .star{
     width: 100vw;
 }
/*.w{
     margin-right: 18vw;   
 }
  p{
     margin-left: -7px;
 }
 #end{
     margin-right: 5px;
 }*/
  .bank .bank-1{
      display: block;
      background-color: red;
      width: 10vh;
      height: 10vw;
      position: fixed;
      right:0;
      bottom: 12vh;
     background-color:transparent;
  }
 .bank .bank-2 {
     width: 100vw;
     height: 30vh;
 }
 .navbar-brand{
     padding: 0px;
     height: 12vh;
     width: 100vw;
     display: flex;
     align-items: center;
     /*justify-content: ;*/
     border-right: 1px solid gray;
    
 }
.papar{
     
     width: 30vw;
     height: 10vh;
 }
  .navbar-brand .span{
      width: 60vw;
    
  }
   .navbar-brand .span span{
       color: gray;
       font-size: 1.4rem;
       border-left: 1px solid gray;
       padding-left:2vw; 
   }